﻿@model HelloMinasan.Web.Song.ViewModels.ModelForList<HelloMinasan.Domain.User>

@{
    ViewBag.Title = "Song Control";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
    #controlItems
    {
        background-color: #e5e5e5;
        padding: 5px;
    }
</style>
<script>
    var inputUserSearchUserAdmin = "";
    $(document).ready(function () {
        $("#inputUserSearch").autocomplete("/Services/SuggestUser");
    });
</script>
<link href="../../Content/jquery.msgbox.css" rel="stylesheet" />
<div align="right" style="padding-right: 20px;">
    <h1 class="titleNewFont">
        <img src="~/Content/Images/song.png" />
        Users management</h1>
</div>
<div class="searchContainer" align="right">
    <input id="inputUserSearch" class="inputUserSearch" placeholder="User name" type="text" />
    <button onclick="getSearchUserAdmin()" class="backgroundLinear inputButtonSearch">Search </button>
</div>
<div align="center" id="searchContentDiv">
    @Html.Partial("UserListPartial", Model)
</div>
<div class="center">
    <img id="loaderIndicator" src="@Url.Content("~/Content/Images/loader.gif")" />
    <br />
    <span id="errorMessage"></span>
</div>
<script src="~/Scripts/jquery.min.js"></script>
<script src="../../Scripts/jquery.msgbox.min.js"></script>
<script src="~/Content/Js/UserAdmin.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>
<link href="~/Content/jquery.autocomplete.css" rel="stylesheet" />
<script src="~/Scripts/jquery.autocomplete.js"></script>